<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入css样式表 -->
    <link rel="stylesheet" href="./css/Common style.css">
    <link rel="stylesheet" href="./images/font_g0jxbn6ot6j/font_9plpclaa5mk/iconfont.css">
    <!-- 矢量图 -->
</head>

<body>
   
    <!-- 固定定位的大盒子 -->
    <div class="rightsidebar">
        <!-- 右边的黑色条条 -->
        <div class="hposition">
            <!-- 右边黑条条里面的图片 -->
            <ul>
                <li>
                    <a href="#">
                        <i></i>
                    </a>
                    <div class="time-1">
                        <div class="dexp">
                            <p class="time-1p">
                                <img src="./images/weilaiimg/09.jpg" alt="">
                            </p>
                            <ul class="urse">
                                <li>用户：暂无</li>
                                <li>班级：暂无</li>

                            </ul>
                            <i class="zh"></i>

                        </div>
                        <div class="ddan">
                            <a href="" class="ddan-a">我的订单</a>
                            <a href="">我的收藏</a>
                        </div>
                    </div>
                </li>
                <!-- 中间的那个购物车 -->
                <li class="big">
                    <a href="#">
                        <i></i>
                        <div class="span">购物车</div>
                        <span class="number">0</span>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="a"></i>
                    </a>
                    <div class="time">
                        我的订单
                        <i class="jt"></i>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <i class="b"></i>
                    </a>
                    <div class="time">
                        优惠卷
                        <i class="jt"></i>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <i class="c"></i>
                    </a>
                    <div class="time">
                        我的资产
                        <i class="jt"></i>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <i class="d"></i>
                    </a>
                    <div class="time">
                        我的足迹
                        <i class="jt"></i>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <i class="e"></i>
                    </a>
                    <div class="time">
                        我的收藏
                        <i class="jt"></i>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <i class="f"></i>
                    </a>
                    <div class="time">
                        邮箱订阅
                        <i class="jt"></i>
                    </div>
                </li>
                <li class="liy">
                    <a href="#">
                        <i class="s"></i>
                    </a>
                    <div class="time">
                        客服中心
                        <i class="jt"></i>
                    </div>
                </li>
                <!-- 下面的返回顶部  -->
                <li class="back-to-top ">
                    <a href="#">
                        <i class="s"></i>
                    </a>
                </li>
            </ul>

        </div>
        <!-- 黑条条右边的白的 -->
        <div class="rightwhite">
            <!-- 里面最上面的购物车和叉号 -->
            <div class="cart">
                <div class="cartpaadding">
                    <a href="#" class="a-img"></a>
                    <h3>购物车</h3>
                </div>
            </div>
            <!-- 中间的图片和文字 -->
            <div class="content-area">
                <div class="content-area-top">
                    <i class="ione"></i>
                    <p>购物车空空的，赶紧挑选商品心仪的商品吧</p>

                    <a href="">去首页看看</a>
                </div>
                <!-- 下面的购物车结算 -->
                <div class="footerone">
                    <div class="fiex">
                        <div>共0件商品</div>
                        <div class="red">￥0.00</div>
                    </div>
                    <a href="#">去购物车结算</a>
                </div>
            </div>
        </div>
    </div>

    <!-- .登陆页面 -->
    <div class="diamonds">
        <div class="diamonds-top">
            <div class="left">
                尚未登陆！
            </div>
            <div class="right"><a href="#" class="red remove ">X</a></div>
        </div>
        <div class="diamonds-top-maddle">
            <div class="top">
                <p>................... <span>用第三方账号登陆</span> ...................</p>
                <div class="img-to">
                    <b></b>
                </div>
            </div>
            <div class="diamonds-top-bottom clearfix">
                <p>............................. <span>账号登陆</span>.......... ................... </p>
                <div class="conk"></div>
                <form action="">
                    <p class="diamonds-top-bottom-p">
                        <i class="iconfont icon-yonghu"></i>
                        <input type="text">
                    </p>
                    <p class="diamonds-top-bottom-p">
                        <i class="iconfont icon-mima"></i>
                        <input type="password">
                    </p>
                    <p class="diamonds-top-bottom-p">
                        <i class="iconfont icon-yanzhengma"></i>
                        <input type="text">
                    </p>
                    <p class="diamonds-top-bottom-p1">
                        <input id="remember" type="checkbox">
                        <label for="remember" class="bass">请保存我这次的登录信息。</label>
                    </p>
                    <div class="diva">
                        <a href="# " class="red">登陆</a>
                    </div>
                </form>
                <div class="fiex">
                    <a href="#">忘记密码？</a>
                    <a href="#">免费注册</a>
                </div>
            </div>

        </div>

    </div>



    <!-- jquery外部引入 -->
    <script src="./js/jquery-3.6.0.js"></script>


    <!-- 书写javascript/jQyery代码 -->
    <script src="./js/Common style.js">

    </script>
</body>

</html>